Method of publishing and delivering an electronic newspaper

ABSTRACT

A system for preparing and delivering digital information, particularly digital newspaper editions, to mobile application users. The system includes mobile applications (apps) for both mobile phone and tablet devices, with content display and interactivity of each app optimized for device type. The system also includes a suite of back-office software modules which allow writers and editors to prepare stories, images and other content for delivery to the apps. One such module is a story creator, which includes an interface to a content management system allowing plain text stories and images to be imported, formatted and made interactive for delivery to the apps. The story creator module also includes interfaces to providers of data such as obituaries, classified ads and weather, and functionality for publishing daily editions of the digital newspaper using the imported content. Other features of the system include breaking news alerts, paywall integration, and interfaces to social media.

CROSS-REFERENCE TO RELATED APPLICATIONS

This application is a continuation of the co-pending U.S. patentapplication Ser. No. 16/948,916 filed Oct. 6, 2020, which application isa continuation of the U.S. patent application Ser. No. 16/146,382 filedSep. 28, 2018 that issued as the U.S. Pat. No. 10,872,126 on Dec. 22,2020.

FIELD OF THE INVENTION

The present invention relates generally to a system and method forconveying information to a user. In particular, the invention isdirected to a system of publishing software and corresponding mobileapplications with advanced features for editing and publishing anelectronic newspaper which is optimized for viewing on mobile devicessuch as tablets and smart phones.

BACKGROUND OF THE INVENTION

The capabilities of smart phones and tablet devices (collectively,mobile devices) have increased dramatically since they were firstintroduced. Coincident with the improvements in mobile devicecapability, people's preferences for how they receive information andentertainment have changed. Many people now use mobile devices forwatching movies and TV shows, and for reading books and periodicals,along with the inherent communication and computing functions of thedevices.

As people began to desire to receive and consume information digitallyon mobile devices, publishers recognized the need to produce electronicor digital versions of their publications, such as newspapers, magazinesand books. Whereas electronic books can be published once and neverrevised, periodicals such as newspapers inherently contain ever-changinginformation. This led to a blurring of the lines between producing an“edition” of a publication (such as daily or monthly) and simply puttingstories on a website for people to view if/when they wish.

It is known in the art and widely practiced by newspaper publishers tohost an Internet website containing many of the same stories, picturesand advertisements as contained in their printed newspaper. Thesenewspaper websites typically publish stories as soon as they are writtenand available, which may be before the same story appears in the printednewspaper the following morning. Furthermore, stories published onnewspaper websites often remain on the website for two or more days,usually moving from a “front page” or prominent location on the websiteto a less-visible location in a subsection after the first day. Thesenewspaper websites are effective at publishing stories online, but manyreaders prefer the concept of a daily newspaper edition, which thenewspaper websites lack.

It is also known in the art to publish electronic newspapers which arepage-by-page replicas of the printed newspaper for each daily edition.This type of system allows users to retain the familiar concept of adaily newspaper with unique content, while allowing the users to viewthe newspaper on a tablet device and thereby avoid the need for anactual physical paper. One such system is described in U.S. patentapplication Ser. No. 15/006,466, titled “ELECTRONIC NEWSPAPER”, filedJan. 26, 2016, which is commonly owned with the present application, andwhich is hereby incorporated by reference in its entirety.

A need has now been recognized for a new and better way ofelectronically publishing a newspaper, where the familiar paradigm ofthe daily edition with multiple sections is retained, and advancedelectronic features such as videos and interactivity are supported, allwhile delivering the user convenience of viewing the electronicnewspaper on mobile devices such as smart phones and tablets.

SUMMARY OF THE INVENTION

In accordance with the teachings of the present invention, a computersystem is disclosed for preparing and delivering digital information,particularly digital newspaper editions, to mobile application users.The system includes mobile applications (apps) for both mobile phone andtablet devices, with content display and interactivity of each appoptimized for the particular device type. The system also includes asuite of back-office software modules which allow writers and editors toprepare stories, images and other content for delivery to the apps. Onesuch module is a story creator, which includes an interface to a contentmanagement system, allowing plain text stories and raw images to beimported, formatted and made interactive for delivery to the apps. Thestory creator also includes interfaces to providers of data such asobituaries, classified ads and weather, and functionality for publishingdaily editions of the digital newspaper using the imported content.Other features of the system include breaking news alerts, paywallintegration, and interfaces to social media.

BRIEF DESCRIPTION OF THE DRAWINGS

The above, as well as other advantages of the present invention willbecome readily apparent to those skilled in the art from the followingdetailed description of the preferred embodiment when considered in thelight of the accompanying drawings in which:

FIG. 1 is an illustration of a screen shot from a tablet devicedisplaying a launch page of a new electronic newspaper delivery platformknown as NewsSlide, according to embodiments of the present disclosure;

FIG. 2 is an illustration of a screen shot from a smart phone devicedisplaying a launch page of the NewsSlide electronic newspaper deliveryplatform, according to embodiments of the present disclosure;

FIG. 3 is a schematic diagram illustrating the NewsSlide publishingarchitecture, including the various components and their connectivity;

FIG. 4 is an illustration of a hierarchy of web pages contained in aStory Creator module of the NewsSlide publishing architecture;

FIG. 5 is a workflow diagram showing an overview of the entire processfollowed in Story Creator for creating and publishing an edition ofNewsSlide;

FIG. 6 is a workflow diagram showing the process in Story Creator forcreating an edition of NewsSlide;

FIG. 7 is a workflow diagram showing the process in Story Creator forstory creation;

FIG. 8 is a workflow diagram showing the process in Story Creator forplacing a story in a NewsSlide edition;

FIG. 9 is a workflow diagram showing the process in Story Creator forfinalizing a NewsSlide edition;

FIG. 10 is a workflow diagram showing the process in Story Creator forpublishing a NewsSlide edition;

FIG. 11 is a workflow diagram showing the process in Story Creator forpost-publishing tasks related to a NewsSlide edition;

FIG. 12 is an illustration of a Story Creator home web page wherewriters and editors can access other web pages used for creating storiesand publishing editions of NewsSlide;

FIG. 13 is an illustration of a web page in Story Creator for creatingand editing a NewsSlide edition, including an overlay for selecting astarter layout for a new edition;

FIG. 14 is an illustration of a web page in Story Creator for viewing asummary of a NewsSlide edition;

FIG. 15 is an illustration of a web page in Story Creator which depictsan edition budget for an in-progress NewsSlide edition, where the budgetis a framework of stories and ads of different types;

FIG. 16 is an illustration of the edition budget web page in StoryCreator as shown in FIG. 15 , including an overlay for selecting a storyto add to the edition;

FIG. 17 is an illustration of the edition budget web page in StoryCreator as shown in FIG. 15 , including an overlay for selecting anadvertisement to add to the edition;

FIG. 18 is an illustration of a web page in Story Creator for viewing asummary of a NewsSlide story;

FIG. 19 is an illustration of a web page in Story Creator for creatingand editing copy in a NewsSlide story;

FIG. 20 is an illustration of a web page in Story Creator for creatingand editing images in a NewsSlide story;

FIG. 21 is an illustration of a web page in Story Creator for defining atemplate format for a NewsSlide story in tablet layout;

FIG. 22 is an illustration of a web page in Story Creator for defining acover image for a NewsSlide story in tablet layout;

FIG. 23 is an illustration of a web page in Story Creator for defining aheadline box for a NewsSlide story in tablet layout;

FIG. 24 is an illustration of a web page in Story Creator for defining ahero image for a NewsSlide story for publishing to a share site;

FIG. 25 is an illustration of a web page in Story Creator for defining aheadline box for a NewsSlide story in mobile layout;

FIG. 26 is an illustration of a web page in Story Creator for publishinga NewsSlide edition, including an overlay for a final confirmation ofthe publish action;

FIG. 27 is an illustration of a web page in Story Creator showingprogress during publishing of a NewsSlide edition;

FIG. 28 is an illustration of a web page in Story Creator for viewingperformance data for a published NewsSlide edition;

FIG. 29 is an illustration of a web page in Story Creator for selectingan entry in a Content Management System to use as a Breaking News storyin NewsSlide;

FIG. 30 is an illustration of a web page in Story Creator for creatingand editing copy in a Breaking News story in NewsSlide;

FIG. 31 is an illustration of a web page in Story Creator for creatingand editing images in a Breaking News story in NewsSlide;

FIG. 32 is an illustration of web pages in Story Creator for publishinga Breaking News story in the NewsSlide architecture, including anoverlay for a final confirmation of the publish action;

FIG. 33 is an illustration of a web page in Story Creator for viewingitems in a Content Management System, specifically ads, to use inNewsSlide;

FIG. 34 is an illustration of a web page in Story Creator for viewingperformance data for an ad campaign for the published NewsSlide editionsin which the ad appears;

FIG. 35 is an illustration of a screen shot from a tablet devicedisplaying a NewsSlide story, as would result from tapping on theheadline story of the launch page displayed in FIG. 1 ;

FIG. 36 is an illustration of a screen shot from a tablet devicedisplaying an expanded NewsSlide section, as would result from tappingon the Sports section bar of the launch page displayed in FIG. 1 ;

FIG. 37 is an illustration of a screen shot from a smart phone (mobile)device displaying a NewsSlide launch page, similar to that shown in FIG.2 ;

FIG. 38 is an illustration of a screen shot from a mobile devicedisplaying a first story in a NewsSlide section, as would result fromtapping on the Sports section bar of the launch page displayed in FIG.37 ;

FIG. 39 is an illustration of a screen shot from a mobile devicedisplaying a user's interaction with a NewsSlide story, where theheadline section of the screen displayed in FIG. 38 is dragged upward toreveal the story text;

FIG. 40 is an illustration of a screen shot from a mobile devicedisplaying the NewsSlide story of FIG. 38 after the interaction of FIG.39 , where the story text now fills the entire screen; and

FIG. 41 is a flowchart diagram of a process for publishing an electronicnewspaper for viewing in mobile device applications, according toembodiments of the present disclosure.

DETAILED DESCRIPTION OF EXEMPLARY EMBODIMENTS OF THE INVENTION

The following detailed description and appended drawings describe andillustrate various embodiments of the invention. The description anddrawings serve to enable one skilled in the art to make and use theinvention, and are not intended to limit the scope of the invention inany manner. In respect of the methods disclosed, the steps presented areexemplary in nature, and thus, the order of the steps is not necessaryor critical.

Soon after the advent of the Internet and web-based informationdelivery, newspaper publishers began producing web sites where storiesand other content from their newspapers could be made available online.Electronic newspaper systems have also been developed which allow a userto view a digital replica of a printed newspaper on an electronic devicesuch as a computer or tablet with a web browser, as described in theELECTRONIC NEWSPAPER patent application mentioned above. However, withthe rapid shift of user preference to mobile devices such as tablets andsmart phones, and the rapid increase in capabilities of those devices, aneed for an entirely new delivery platform has been identified. The newelectronic newspaper delivery platform, disclosed herein, is optimizedfor viewing and interaction by users of such mobile devices.

FIG. 1 is an illustration of a screen shot 100 from a tablet devicedisplaying a launch page of a new electronic newspaper deliveryplatform, according to embodiments of the present disclosure. Theelectronic newspaper delivery platform is embodied as a family ofapplications (“apps”) known as NewsSlide. Some prominent features of theNewsSlide tablet device user interface are apparent in FIG. 1 —includingthe use of color-coded section bars 110 (for News, Sports, etc.) whichmay be expanded to display the stories in each section, and the use of aheadline 122 and a picture 124 to identify each story. The NewsSlidetablet app user interface will be discussed in detail later.

FIG. 2 is an illustration of a screen shot 200 from a smart phone devicedisplaying a launch page of the NewsSlide electronic newspaper deliveryplatform, according to embodiments of the present disclosure. It isapparent in FIG. 2 that the NewsSlide smart phone app has a similar lookand feel to the NewsSlide tablet app, although there are somedifferences necessitated by screen size and aspect ratio. For example,section bars 210 are arranged differently on the smart phone app, andthe section bars 210 behave differently as will be discussed later aspart of a discussion of the NewsSlide smart phone app user interface.

Aside from the tablet and smart phone apps mentioned briefly above,NewsSlide also includes a suite of back-office software used to publishthe daily editions to the apps. FIG. 3 is a schematic diagram 300illustrating the NewsSlide publishing architecture, including variousback-office software components and their connectivity to each other andto the apps, according to embodiments of the present disclosure.

A tablet app 310 and a mobile (smart phone) app 320, as depicted inFIGS. 1 and 2 , respectively, are located at the left-center of FIG. 3 .The apps 310 and 320 are used by the consumer or “user” who wishes toread the news stories. To the right of the apps 310 and 320 in FIG. 3are various back-office software modules which are used to create andpublish editions to the app. A Story Creator module 330 is thecenterpiece of the NewsSlide architecture 300. Story Creator is used bywriters and editors to prepare stories, advertisements (“ads”) and othercontent for publishing in the NewsSlide apps 310-320.

The Story Creator module 330 includes a connector 332 for interfacingwith a Content Management System 340. The Content Management System 340serves as a source of material, such as stories, pictures, videos andads used in the Story Creator module 330. The Story Creator module 330also includes a connector 334 for interfacing with other content sources350. The other content sources 350 include content not owned or producedby a typical newspaper, but rather by third-party companies. Examples ofthe other content sources 350 include obituaries, classified ads,weather data, traffic data, etc. Although it is shown as a single box inFIG. 3 , different companies and electronic systems may provide each ofthe items in the other content sources 350.

The Story Creator module 330 includes a publisher 336 used to publishcomplete editions, stories and other data, shown collectively at 338, toa News Service module 360. The News Service module 360 includes severalapplication programming interfaces (APIs) which receive the items 338,and prepare and deliver them for their actual consumption downstream.The News Service module 360 is an automated program which requires nointeraction by a user such as an editor. The News Service module 360compiles the items 338 into complete editions, breaking news stories andpreview data, shown collectively at 362, for download into the apps310-320 on individual user devices. In addition to compiling the items362, the News Service module 360 also crops and sizes the items 362based on the resolution of the user devices.

The News Service module 360 also outputs stories 364 to a share site366, from which the stories 364 may be requested and retrieved by otherwebsites and apps such as social media platforms and messaging services,as discussed below. The News Service module 360 further outputs stories368 for interface with an account and profile service module 370.Through the account and profile service module 370, an individual usermay create saved stories 372 for future reference. A user managementsystem (UMS) 374 provides user login services and interoperates with theaccount and profile service module 370, both for public users of theapps 310-320 and for newspaper publisher users of the Story Creatormodule 330.

To the left of the dotted vertical line in FIG. 3 , a paywall 376 may beintegrated with the account and profile service module 370 to allow thenewspaper publisher to incorporate revenue collection into the NewsSlidearchitecture. For example, some basic features and content of the apps310-320 may be available to any user free of charge, while otheradvanced features and content may be available only to those users whohave paid for a subscription.

A push services box 380, including Apple Push Notification Service(APNS) and Google Cloud Messaging, allows push notifications 382 to besent to the apps 310-320, which themselves support both Apple(iPhone/iPad) and Google/Android devices. The push services box 380interfaces with the account and profile service module 370 to allow pushnotification configuration on an individual user basis.

A sharing/social media box 390 includes popular platforms such asFaceBook and Twitter. Stories 392 can be shared to these social mediaplatforms, or via email or other services. Users can share the stories392 to the social media platforms 390 directly from the apps 310-320, orthe newspaper publisher can send push data 394 from the Story Creatormodule 330 to an SMS/SMTP Service box 396, where a message is sent tothe share site 366, causing the story/stories 392 to be sent to thesocial media platforms 390.

The NewsSlide architecture diagram 300 of FIG. 3 illustrates manydifferent software modules and applications, and theirinterconnectivity. The apps 310-320 of course run on mobile devices(phones and tablets) owned by individual end users. The other elementsdepicted to the right of the dotted line on FIG. 3 are NewsSlide-relatedback office programs running on one or more servers privately controlledby the newspaper publisher. The elements depicted to the left of thedotted line are public domain or commercially available applications andservices with which NewsSlide interfaces, and these left-side elementsgenerally run on cloud servers. Of the right-side elements, thefollowing detailed discussion will focus primarily on the Story Creatormodule 330 and the apps 310-320 themselves.

FIG. 4 is an illustration 400 of a hierarchy of web pages contained inthe Story Creator module 330 of the NewsSlide publishing architecture.In other words, the Story Creator module 330 uses a browser-basedinterface to provide features enabling individuals at the newspaperpublisher—such as writers, editors and designers—the ability to writestories, integrate pictures and videos, incorporate ads, and layout andpublish editions of NewsSlide. Many of the pages depicted in FIG. 4 willbe discussed in detail below, beginning with the discussion of FIG. 12 .In one embodiment as discussed, a server computer serves web pages toclient computers where newspaper employees use Story Creator to preparestories and editions of NewsSlide. However, other embodiments may alsobe envisioned for delivering the Story Creator interface describedbelow. Thus, the term “page” or “web page” in the discussion should beconsidered to generically represent a user interface screen.

A home page 410 branches off to an editions page 420, a breaking newspage 440, a content library page 450 and a performance summary page 460.The editions page 420 sits atop the hierarchy for much of thefunctionality of Story Creator, including a create/edit edition page 422and an edition summary page 424. The edition summary page 424 leads toan edition budget page 426 (numbers, types and sizes of stories and adsto be included in an edition), a story summary page 428 and acreate/edit story page 430. The sub-pages contained in the create/editstory page 430 are shown in the large horizontal box below, alsolabelled 430. A publish edition page 432 and an edition performance page434 complete the hierarchy of the editions page 420.

The breaking news page 440 is a separate entity because breaking news ispublished independent of daily editions of NewsSlide. The breaking newspage 440 includes in its hierarchy some features and capabilitiessimilar to those found in the editions hierarchy. A breaking news storysummary page 442 leads to a create/edit breaking news story page 444.The sub-pages contained in the create/edit breaking news story page 444are shown in the large horizontal box below, also labelled 444. Apublish breaking news page 446 is the final step in the breaking newshierarchy.

A content library page 450 provides viewing of content such as stories,ads, images and videos from the Content Management System 340. Aperformance summary page 460 provides performance data, such as numberof views and average viewing time for stories and ads, and click-throughpercentage for ads. A user management site hierarchy 470, whichcorresponds with the UMS 374 of FIG. 3 , along with account featurespages 480, provide user management functionality such as login, passwordmaintenance, user roles and role details. Standard pages 490 include a“404 Error page” (server cannot find what was requested), a “500 Errorpage” (general problem) and legal/policy definition pages.

As mentioned above, many of the pages depicted in the hierarchy shown onFIG. 4 will be discussed in detail below, beginning with the discussionof FIG. 12 .

In order to facilitate users performing various tasks in Story Creator,process workflow diagrams have been created, where these workflowdiagrams define which Story Creator pages are used to perform the tasks,and in what order. The following seven figures illustrate the mostsignificant of these process workflows.

FIG. 5 is a workflow diagram 500 showing an overview of the entireprocess followed in Story Creator for creating and publishing an editionof NewsSlide. At block 510, a NewsSlide edition is created by an editor.The block 510, and many of the blocks in this and following workflowdiagrams, may actually comprise multiple steps using several differentapplication pages, as indicated by the multiple layers. At block 520,ads are placed in the NewsSlide edition, with ad sales being handled atblock 522. At block 530, stories are placed in the NewsSlide edition,with story creation handled at block 532. The process of determining howmany ads and how many stories are to be contained in edition isdiscussed below.

At block 540, the NewsSlide edition is finalized, which includesverifying that the budgeted number of stories and ads are met, no errorsare found, the edition has appealing flow and formatting, etc. At block550, the NewsSlide edition is published, meaning that the edition ispushed to the apps of all active mobile device users. At block 560,post-publish activities are performed, such as evaluating the number oftimes each story and ad are viewed.

FIG. 6 is a workflow diagram 600 showing the process in Story Creatorfor creating an edition of NewsSlide. The diagram 600 provides detailfor the block 510 of FIG. 5 discussed above. At block 610, a layoutstarter for the edition is selected by a layout manager. The starter isa template for the entire edition, as discussed later. At block 620, thesections to be included in the edition and the publish date of theedition are defined. This step begins to define the scope of theedition. At block 630, placeholder stories and ads are configured forthe edition by the layout manager. At this point, the structure of theedition is defined—including numbers of stories in each section, numberand type of ads included, and other data such as classified ads andobituaries.

At block 642, specific ads are placed in the edition. Ads are sold andprepared in advance, as discussed earlier. Thus, at the block 642,available ads of specified sizes (half page, full page, etc.) and types(static vs. interactive) are placed into the edition. At block 644,classified ads are imported into the edition, and at block 646,obituaries are imported into the edition. As mentioned earlier,classifieds and obituaries are provided by third-party content sources.At block 648, stories are placed in the edition. Stories are prepared bywriters in Story Creator, and incorporated into the NewsSlide edition bysomeone such as an editor. Property data for each story—including storylength, number of images and/or videos, interactive features, etc.—areavailable to the editor. At block 650, with all content placed, theNewsSlide edition is finalized, as discussed above.

Box 660 indicates which pages of the Story Creator system are used inthe workflow of FIG. 6 . Each of the workflow diagrams includes asimilar box at the bottom. The pages in the box 660 were shown in thehierarchy illustration 400 of FIG. 4 , and will be discussed in detaillater.

FIG. 7 is a workflow diagram 700 showing the process in Story Creatorfor story creation. The diagram 700 provides detail for the block 532 ofFIG. 5 discussed above. At block 710, reporters create content inLibercus, which is the Content Management System 340 of FIG. 3 , asdescribed in the ELECTRONIC NEWSPAPER patent application. The content(e.g., stories) created in Libercus includes the text of the story andany accompanying photos and videos. At block 712, content can beuploaded from other sources, such as the Associated Press. At block 720,content from either block 710 or 712 is collected and imported intoStory Creator. At block 730, a template is selected for the story. Atblock 740, the story cover layout is designed. This includes selectionof a story cover image, definition of the headline and sub-head, etc.

At blocks 750, 760 and 780, layout of the tablet version, the share siteversion and the mobile version of the story are performed. The layoutsare different because of differences in the size and aspect ratio of thetarget display devices. The layouts are previewed on the appropriatedevices at blocks 752, 762 and 782, respectively. The tablet and sharesite versions of each story are required. However, some stories may beomitted from the mobile (smart phone) version of the NewsSlide app.Thus, at decision diamond 770, it is determined whether the particularstory will be included in the mobile app before proceeding to the block780. At block 790, the completed story is placed into the edition.

FIG. 8 is a workflow diagram 800 showing the process in Story Creatorfor placing a story in a NewsSlide edition. This step was shown at theblock 530 of FIG. 5 . The gist of the diagram 800 is that a story can beplaced in an edition as a placeholder before the story is created. Atblock 810, the placeholder is selected. At decision diamond 820, it isdetermined whether the story has been created. If so, at block 830, thestory content is selected from the Content Management System, and thestory is placed in the edition, as discussed above. If the story has notbeen created at the decision diamond 820, then at decision diamond 840it is determined whether the story is ready for creation. If so, thenthe story is created at block 850, and the process loops back to thedecision diamond 820, where the answer will now be yes. If the story isnot ready for creation at the decision diamond 840, then the placeholderis named at block 860, and the story placeholder is placed in theedition. At block 870, edition finalization is performed, as discussednext.

FIG. 9 is a workflow diagram 900 showing the process in Story Creatorfor finalizing a NewsSlide edition. At decision diamond 910, it isdetermined whether all stories (as budgeted) are placed in the edition.If not, then at block 912, additional stories are placed in the editionas necessary, using the workflow described above. An error check isperformed at decision diamond 920. Story Creator software includesadvanced automated error checking, which provides editors with anindication of any problems. At block 922, any errors are addressed, andat block 924, layouts are updated or fixed as necessary based on thechanges made at the block 922. The process then loops back to thedecision diamond 910.

When no errors are detected at the decision diamond 920, the processmoves to decision diamond 930 to determine if sufficient diversity isincluded in the templates used in the edition. Template types will bediscussed later in reference to the Story Creator pages. If templatediversity is not satisfactory, then at block 932, story templates aremodified to achieve the desired diversity, and the process then revertsback to the block 924 for layout updates. When template diversity issatisfied, the flow of stories and ads is evaluated at decision diamond940. Story Creator allows the editor to define a flow which includes theorder of stories which appear when a user swipes through a section, andalso where ads are placed in between stories. This flow is what isevaluated at the decision diamond 940. If the flow is not satisfactory,then stories and/or ads are reordered at block 942. This reordering doesnot require layout updates, so the process then proceeds to decisiondiamond 950 to determine if all ads which were included in the editionbudget have been placed in the edition.

If all budgeted ads are not placed in the edition, then at block 952additional ads are placed in the edition as needed, using a processsimilar to placing a story in an edition. When all budgeted ads areplaced in the edition, the process moves to block 960 to publish theedition.

FIG. 10 is a workflow diagram 1000 showing the process in Story Creatorfor publishing a NewsSlide edition. This step was just encountered atthe block 960 of FIG. 9 . At block 1010, a final review of the editionis performed by a managing editor, including previewing the edition on atablet and/or mobile device at block 1012. At decision diamond 1020, afinal determination is made whether the edition is ready to deploy. Ifnot, then the process reverts back to the edition finalization workflowof FIG. 9 . When the edition is ready for deployment, it is published atblock 1030, which causes Story Creator to send the items 338 to the NewsService module, which in turn publishes the edition and stories to theapps 310-320.

At block 1040, push notifications for the edition are sent, as also seenon FIG. 3 . At block 1050, end users download the latest edition intothe apps 310-320 for viewing. At block 1060, the process moves on topost-publish activities, discussed below.

FIG. 11 is a workflow diagram 1100 showing the process in Story Creatorfor post-publishing tasks related to a NewsSlide edition. Thepost-publish workflow relates specifically to situations where somethingnewsworthy happens in between edition publishing cycles. For example, ifa big story breaks just after a daily edition is published, then theworkflow of FIG. 11 can be used to get that story out to users of theNewsSlide apps. When post-publish news happens, at decision diamond 1110it is determined whether a story on the news event has already beenpublished. If not, then at blocks 1120-1126, the story is created inContent Management System, imported into Story Creator andformatted/previewed for the share site. The breaking news story ispublished at block 1130, and push notifications are sent at block 1132,allowing NewsSlide users and other subscribers to NewsSlide pushnotifications to jump to the story on the NewsSlide share site 366.

If the breaking news story has been previously published, then atdecision diamond 1140 it is determined whether or not to publish a storycorrection. Publication of corrections is intended to be used onlysparingly in NewsSlide. If it is determined that a correction iswarranted, then at blocks 1150-1156, an update to the story is createdand laid out. At block 1158, a write-through of the story is published.At block 1160, previously downloaded editions are updated with the newversion of the story on user devices running the apps 310-320.

If a correction is not to be published, then at block 1170 a storyupdate is created in Content Management System by a reporter, and atblock 1172 the story update is published on the newspaper website. Atblock 1174, the related story in the NewsSlide edition is tagged foradditional reading. At block 1176, a NewsSlide app user, when viewingthe story contained in the NewsSlide edition, can tap on the link foradditional reading, and read the story update on the newspaper website.

The workflow diagrams of FIGS. 5-11 provide a framework for the types ofactivities involved in publishing a NewsSlide edition in the StoryCreator system. Now attention will be turned to user interface pages ofthe Story Creator system which are used by newspaper employees(reporters, editors, etc.) for the various tasks and activitiesdiscussed above.

FIG. 12 is an illustration 1200 of a Story Creator home web page wherewriters and editors can access other Story Creator pages used forcreating stories and publishing editions of NewsSlide. This home pagewas shown previously as the element 410 of FIG. 4 . The home page ofFIG. 12 includes a story section 1210 containing recently createdstories, where each story is depicted by its cover image and a headline(collectively known as a thumbnail). Other info is also shown for eachstory, including the type of story—such as a basic story, a modularstory, a photo or video gallery, etc. The home page also includes anupcoming editions section 1220, where editions are depicted by theirlead story thumbnail image and headline, with numbers of sections andstories also displayed. The sections 1210 and 1220 allow reporters andeditors to quickly access stories and editions for preparation andfinalization, as discussed above and again further below.

The home page also includes a content library link 1230, which leads tothe Content Management System discussed previously—for accessing contentand importing it into Story Creator. The home page further includes abreaking news link 1240, which leads to breaking news stories which havebeen or are being prepared. Finally, the home page includes aperformance page link 1250, which leads to the Story Creator performancesummary page 460 shown on FIG. 4 and discussed previously.

FIG. 13 is an illustration 1300 of a web page in Story Creator forcreating and editing a NewsSlide edition, including an overlay forselecting a starter layout for a new edition. The editions page wasshown as the element 420 on FIG. 4 , and can be reached by clicking on“View All>” in the editions section 1220 of FIG. 12 . As shown on FIG.12 , each edition on the editions page is depicted by its lead storythumbnail image and headline in section 1310, with numbers of sectionsand stories in each edition also displayed, along withpublished/unpublished status. From this page, an editor can select anedition to work on, finalize, and/or publish—as described in relation toFIGS. 8-10 above.

The editions page of FIG. 13 also enables creation of a new edition byclicking on a “+” box 1320. When the box 1320 is clicked, a pop-updialog window 1330 appears, displaying all of the available editionstarter layout templates. In addition to a blank edition which is builtup by adding sections, stories and ads, two different edition layouttemplates are available for each day of the week. Although the A and Bversions for each particular day of the week are shown having the sameproperties (numbers of sections, stories and ads), the A and B versionsare still different by virtue of having different story layouts,different sections, different types of ads, etc. Once a new edition iscreated by selecting a template from the window 1330, the editorproceeds to add stories and ads to the edition as discussed previously,until the edition is ready for finalization and publication.

FIG. 14 is an illustration 1400 of a web page in Story Creator forviewing a summary of a NewsSlide edition. The edition summary page ofFIG. 14 corresponds to the element 424 of FIG. 4 . The edition summarypage includes a properties section 1410 at the top, including the storycover thumbnail image and headline, date/time of creation, revision andpublication, notes, status, etc. The properties section 1410 alsoincludes buttons for selecting or deselecting the mobile (phone) versionof the edition, and inclusion of obituaries.

The edition summary page includes validation checks for the edition,including a general section 1420 listing any issues or notes about theedition in general, and a detailed section 1430 listing issues relatedto each section (Sports, Local News, etc.) of the edition. A button 1422is used to trigger Story Creator to run the validation/error checks forthe edition. The sections 1420 and 1430 may include cautionary errors(warnings—depicted in orange with a caution triangle) and/or criticalerrors (depicted in red with an exclamation point). Each error includesa link to “Fix this error”, which directs the Story Creator user to theparticular story, ad or section.

The general validation section 1420 includes checks such as file size ofthe edition, section names included, and number of stories and adscompared to the edition budget. The detailed validation section 1430includes checks such as numbers and types of stories in each section,errors in the stories themselves, the existence of placeholder storiesand/or ads, existence of an ad in the first position of a section, etc.Any type of warning or error that editors may want to be informed of canbe included in the validation checks of the sections 1420 and 1430.

The edition summary page also includes—on the left side of thepage—expandable sections for viewing the budget for the tablet versionof the edition (1440), the budget for the mobile version of the editionif applicable (1450), and the performance of the edition (1460).

FIG. 15 is an illustration 1500 of a web page in Story Creator whichdepicts an edition budget for an in-progress NewsSlide edition, wherethe budget is a framework of stories and ads of different types. Theedition budget page of FIG. 15 is reached by clicking on the item 1440of FIG. 14 . The edition budget page displays the complete arrangementof each section included in the edition, including stories and ads inthe order that they will appear to a NewsSlide app user, and showing thetype and size of each story and ad. The first section in the edition,Top News, is shown in section 1510 of FIG. 15 .

At the top of the section 1510 it is indicated that this sectionincludes seven stories and three ads. The arrangement of stories andads, including their types and sizes, are shown in grid form below. Thedisplay may be changed from grid to list if the user prefers. The threeads, for example, include full-page ads in the third and ninth position,and a half-page ad shared with a half-page story in the fifth position.The positions indicate the order in which the items will appear when aNewsSlide app user “swipes” or scrolls through the section, as will bediscussed below. Also visible in the Top News section 1510 are storiesand galleries of different types, including a placeholder which willneed to be embodied with an actual story before the edition can bepublished. An add (“+”) button 1512 enables the editor to add a story orad to the edition, as discussed below.

As shown at 1520, the remaining sections in the edition can be viewedbelow the Top News section 1510 by scrolling down or, alternately, byclicking section names at left. The edition budget page of FIG. 15 isused extensively by an editor to prepare an edition—including adding,arranging and re-arranging stories and ads in each section.

FIG. 16 is an illustration of the edition budget web page in StoryCreator as shown in FIG. 15 , including an overlay for selecting a storyto add to the edition. When the add button 1512 is clicked, a pop-updialog 1610 appears, allowing the editor to select the story to beincluded. At 1612, a source library for the story is selected from adrop list. Libercus (the Content Management System) is the source ofstories written by the newspaper's own reporters, and is a commonlyselected source. Other sources may include the Associated Press, UnitedPress International, or other external content sources. At 1614, a daterange is defined. A list 1620 of stories is displayed based on theselected source and the date range, where the editor can select one ofthe stories from the list 1620 and add it to the edition using a SelectStory button 1630.

FIG. 17 is an illustration 1700 of the edition budget web page in StoryCreator as shown in FIG. 15 , including an overlay for selecting anadvertisement to add to the edition. When the add button 1512 isclicked, a pop-up dialog 1710 appears, allowing the editor to select anad to be included in the edition. After the add button 1512 is clicked,a prompt may appear asking the editor whether a story or ad is to beadded, resulting in the display of the pop-up dialog 1610 or 1710,respectively. The pop-up dialog 1710 includes a list or grid of adswhich are prepared and available in the Content Management System. Ascan be seen in FIG. 17 , the ads may be full-page ads, half-page or evensmaller, where the ads less than a full page are shared withfractional-page stories; this pairing of fractional-page ads and storiesoccurs during edition layout. Ads may include a wide range ofcontent—from simple static images, to static images with embeddedInternet hyperlinks, to highly interactive features which respond touser activity. All of these types of ads are sold by ad salesrepresentatives, prepared by creative designers, and selected forinclusion in editions by editors.

Adding stories as shown in FIG. 16 and adding ads as shown in FIG. 17are performed by the editor for the Top News section (shown in FIGS.15-17 ) and also for all other sections in an edition.

FIG. 18 is an illustration 1800 of a web page in Story Creator forviewing a summary of a NewsSlide story. The story summary page of FIG.18 corresponds to the element 428 of FIG. 4 . The story summary page ofFIG. 18 is reached by clicking on one of the stories on the editionbudget page of FIG. 15 . A section 1810 includes general properties ofthe story, including the edition and section in which the story isdestined to appear. A section 1820 includes validation checks for thestory, in a manner similar to that shown for editions in FIG. 14 . Thesection 1820 may include cautionary errors (warnings—depicted in orangewith a caution triangle) and/or critical errors (depicted in red with anexclamation point). Each error includes a link to “Fix this error”,which directs the Story Creator user to the particular portion of thestory denoted by the error. It can be seen from the errors listed in thesection 1820 that the story depicted in FIG. 18 is merely a placeholder,as it includes no story text, no images, etc.

FIG. 19 is an illustration 1900 of a web page in Story Creator forcreating and editing content—specifically copy—in a NewsSlide story. Thecreate/edit content page of FIG. 19 is the first element in the box 430of FIG. 4 . A top bar 1910 includes tabs for all of the different typesof content which may be included in a story. These include copy (words),which is the specific focus of FIG. 19 , along with images, videos,audio, documents, web links and rich content. A button 1912 takes theuser to layout pages for the story, which are discussed relative tolater figures below.

The copy tab of the create/edit content page of FIG. 19 includes a leftcolumn 1920 containing original copy and a right column 1930 containingcurrent copy. The original copy column 1920 displays properties of thecopy as it exists at its original source—such as the Content ManagementSystem. These properties include the slug (short name), various types ofheadlines, a byline, and the actual body of the story. The current copycolumn 1930 displays properties of the copy as it current exists inStory Creator—including fields corresponding to each field in theoriginal column 1920.

It can be seen that the byline from the column 1920 is split into abyline and author fields in the current column 1930. Furthermore, somefields may be completed (when blank in the original) or changed in thecurrent column 1930. Also, the body (text) in the current column 1930 isrich text (supporting formatting), whereas the body (text) in theoriginal column 1920 is plain text. The copy tab of the create/editcontent page of FIG. 19 provides reporters and editors with the toolsneeded to quickly and efficiently import a story from Content ManagementSystem or another source and format it for Story Creator.

FIG. 20 is an illustration 2000 of a web page in Story Creator forcreating and editing content—specifically images—in a NewsSlide story.The top bar 1910 is shown in FIG. 20 highlighting the images tab, whereit can be seen that three images currently exist for this story.Similarly to the copy tab of FIG. 19 , the images tab includes anoriginal column 2010 and a current column 2020. The image itself is notchanged from the original, so only one image is displayed for each itemon the images tab. However, the slug, credit and caption may all bechanged from the original version in the column 2010 to a modifiedversion in the current column 2020. A save button 2030 is shown on FIG.20 , and exists on all tabs of the create/edit content page of StoryCreator.

Story Creator includes similar functionality for editing the other partsof a story indicated in the top bar 1910—including videos, audio, etc.Altogether, these tabs/pages provide all of the functionality needed fora reporter or editor to create and edit all of the components of astory.

FIG. 21 is an illustration 2100 of a web page in Story Creator fordefining a template format for a NewsSlide story in tablet layout. A topbar 2110 includes tabs for all of the different elements of story layoutwhich apply to a story. These include the template, which is thespecific focus of FIG. 21 , along with images, headlines of severaltypes, etc. It is apparent in FIG. 21 that many different types of storytemplates are available in Story Creator. These include a basic story, amodular story, photo and video galleries, fractional-page stories, etc.Each of these different story templates is predefined in Story Creatorto have a unique appearance and behavior in the tablet app 310. Forexample, the story text may be translucently scrolled over the top ofthe main story image, or the text may opaquely overtake the image uponscrolling, or the text may be confined to a column while the majority ofthe image remains unobstructed. Multi-story threads, anchor stories andfractional-page stories similarly have their own unique appearances andbehaviors. The ability to provide these many unique story appearancesand behaviors in NewsSlide, along with the pre-programming of them intotemplates in Story Creator, are distinguishing features of the NewsSlidearchitecture.

The web page 2100, shown on FIG. 21 and described above, illustratesseveral different types of templates which may be used for a story inthe tablet layout. These templates can be configured using a series oftemplate options web pages. These template options pages, not shown inthe figures, include features for defining content containers, imagegalleries, “more reading” links, a thumbnail image and thumbnailmetadata, etc.

FIG. 22 is an illustration 2200 of a web page in Story Creator fordefining a cover image for a NewsSlide story in tablet layout. The topbar 2110 (from FIG. 21 ) is shown in FIG. 22 highlighting the coverimage tab, where it can be seen that an image has already been selectedfor this story. A tool bar 2210 provides tools for manipulating thechosen image to appear exactly as desired on the tablet app 310. Thesetools include scaling (zoom) and positioning (pan).

FIG. 23 is an illustration 2300 of a web page in Story Creator fordefining a headline box for a NewsSlide story in tablet layout. The topbar 2110 is shown in FIG. 23 highlighting the headline box tab, where itcan be seen that headline framing has already been defined for thisstory. A tool bar 2310 provides tools for manipulating the headline boxto appear exactly as desired on the tablet app 310. These tools includehorizontal and vertical alignment of the headline box, color, size andopacity of the headline background and border, and justification of theheadline text itself (left/center/right).

In the create/edit story function, for the tablet layout, there areseveral more tabs or pages available—similar to the pages of FIGS. 21-23—for completing the layout of a story for the tablet app 310. Theseother pages, not shown in the figures, include features for defining a“kicker” (a form of text heading typically located above a headline),the headline itself, a subhead line if desired, a byline (author'sname), etc. Each tablet layout tab/page includes an appropriate toolbarfor formatting the story element which is the focus of the page. Theseadditional feature pages, along with the pages 2100-2300, are allcontained in the tablet layout portion of the box 430 on the site map400 of FIG. 4 .

FIG. 24 is an illustration 2400 of a web page in Story Creator fordefining a hero image for a NewsSlide story for publishing to a sharesite. Whereas the pages of FIGS. 21-23 were used for formatting a storyfor the tablet app 310, the page of FIG. 24 is used for formatting astory for the share site 366 of FIG. 3 . Recall that the share site 366is a gateway for publishing NewsSlide stories to the Internet, pushingthem to social media, etc. Thus, the formatting requirements for a storyare different for the share site than they are for the tablet app 310 orthe mobile app 320.

More specifically, the formatting options for a story are limited forpublishing to the share site. A top menu bar 2410 shows only three tabsfor formatting for the share site. The hero image tab, shown on FIG. 24, provides formatting options for a “hero image” for the story, which isa large web banner image, prominently placed on a web page, generally inthe front and center. A tool bar 2420 provides tools for manipulatingthe hero image to appear exactly as desired on the share site. Thesetools include image selection along with scaling (zoom) and positioning(pan).

The social image tab of the share site story formatting page is similarto the hero image tab shown in FIG. 24 . The social image is formattedspecifically for use on social media sites, and has much different sizeand resolution requirements than the hero image. Finally, the tablabelled “social” in the top menu bar 2410 includes formattingdefinition for the remainder of the properties of a share sitestory—such as a social share title, headlines, and a brief description.The text of the story itself remains unchanged for the share site ascompared to the tablet version of the story.

FIG. 25 is an illustration 2500 of a web page in Story Creator fordefining a headline box for a NewsSlide story in mobile layout. Whereasthe pages of FIGS. 21-23 were used for formatting a story for the tabletapp 310, the page of FIG. 25 is used for formatting a story for themobile (phone) app 320 of FIG. 3 . The mobile app 320 is designed forthe normal portrait orientation of a smart phone, as compared to thenormal landscape orientation of a tablet. This difference in size andaspect ratio necessitates the formatting of each story separately forthe mobile app vs. the tablet app.

A top bar 2510 includes tabs for all of the different elements of storylayout which apply to a story to be published to the mobile app 320.These include the headline box, which is the specific focus of FIG. 25and is similar to that shown in FIG. 23 , along with the cover image,animation, headlines of several types, a byline, etc. These othertabs/pages are not included in the figures, as they are very similar tothe equivalent pages shown and described previously for the tabletformatting of a story.

A tool bar 2520 provides tools for manipulating the headline box toappear exactly as desired on the mobile app 320. These tools includehorizontal and vertical alignment of the headline box, color, size andopacity of the headline background and border, and justification of theheadline text itself (left/center/right). A column span tool is alsoprovided, where the fraction of the width of the screen to use for theheadline box is defined.

It is apparent that the mobile app story being formatted in FIG. 25 isthe same story shown in FIGS. 22-23 , and that the same cover image hasbeen selected for mobile as for tablet (although they could bedifferent). However, the image for the mobile app has been sized andcropped differently than the same image for the tablet app. Thisillustrates both how the NewsSlide apps 310-320 are customized for thespecific user device, and how the features of Story Creator facilitatepreparation and publication of the customized NewsSlide editions.

Using the tools and features shown on the pages of FIGS. 19-25 ,reporters and editors can create stories and format them for the tabletapp 310, the mobile app 320 and the share site 366.

FIG. 26 is an illustration 2600 of a web page in Story Creator forpublishing a NewsSlide edition, including an overlay for a finalconfirmation of the publish action. A left side bar 2610 allows aneditor to view the tablet budget, the mobile budget and performancedata, as seen previously on FIGS. 14-17 . A main window 2620 contains aproperties summary section and validation checks, similar to the editionsummary page of FIG. 14 . When all warnings and errors are corrected andthe validation check yields all green results, the editor clicks on aPublish Edition button 2630 at the bottom of the page. This invokes apop-up dialog 2640 as a final confirmation of the publish edition actionabout to be taken. When the Publish button is clicked in theconfirmation window, the edition is published.

FIG. 27 is an illustration 2700 of a web page in Story Creator showingprogress during publishing of a NewsSlide edition. The page shown inFIG. 27 immediately follows the Publish action of FIG. 26 . The publishstatus page of FIG. 27 contains just a main section 2710 in which theprogress of each sequential step is displayed—beginning with compilingstories and ending with sending push notifications. Buttons 2720 and2722 are also provided for viewing the publish log and the notificationlog, respectively.

FIG. 28 is an illustration 2800 of a web page in Story Creator forviewing performance data for a published NewsSlide edition. The editionperformance page of FIG. 28 represents the box 434 on the hierarchydiagram of FIG. 4 . The edition performance page has a similar layout toother edition-related pages, with the familiar items on a left side bar2810. The edition performance page of FIG. 28 is reached by clicking onthe Performance link in the left side bar 2810.

A main window 2820 of the edition performance page includes a tabularlisting of all of the stories and ads included in the particularedition. These items are listed in sequential order according to theirposition in the edition. It should be noted that position numbers canhave decimal values, where a multi-story grouping includes a cover, amain modular story, a photo gallery, and potentially other content. Foreach item in the list, the slug (short name) is listed, along with thetype of story or ad, the number of views by users of the apps 310-320,and the average duration of each view. For ads only, a click-throughrate is displayed, which is the percentage of users who clicked on thead to view or interact with it, as opposed to merely swiping to the nextpage to read another story.

Retrieval of the edition performance data by Story Creator is enabled bythe architecture shown in FIG. 3 , where the apps 310-320 includeanalytics features as would be understood by those skilled in the art ofmobile apps, and the app analytics are fed back to the server hostingStory Creator. The story performance data is valuable to reporters andeditors as it indicates what stories and sections of NewsSlide are mostpopular with readers. The ad performance data is valuable to theNewsSlide publisher and to advertisers, as it indicates the level ofreader engagement with each individual ad, providing publishers withfactual data to support pricing, and providing advertisers with anunderstanding of advertisement types and sectional placements which aremost effective.

FIG. 29 is an illustration 2900 of a web page in Story Creator forselecting an entry in the Content Management System to use as a BreakingNews story in NewsSlide. The Breaking News features and pages of StoryCreator were shown previously in boxes the 440-446 of FIG. 4 , includingthe box 444 at the bottom. As discussed earlier, because NewsSlideeditions are normally published daily, the breaking news publicationfeature is desirable as it provides a way to publish significant newsstories using Story Creator and the NewsSlide architecture, independentof the daily editions.

When an editor clicks on Breaking News (item 1240 of FIG. 12 ), a listof recent breaking news stories is displayed in a window 2910. The nameand status (published or not) of each story is displayed in a table,along with other properties. If the editor wants to create a newbreaking news story, he/she clicks on a Create button 2912. This invokesa Select Story dialog 2920, where a source is selected (such asLibercus, a.k.a. Content Management System), and a list of availablestories is displayed. A story is selected from the list in the dialog2920.

FIG. 30 is an illustration 3000 of a web page in Story Creator forcreating and editing copy in a Breaking News story in NewsSlide, andFIG. 31 is an illustration 3100 of a web page in Story Creator forcreating and editing images in a Breaking News story in NewsSlide. FIGS.30 and 31 are very similar to the pages shown in FIGS. 19 and 20 , whereFIGS. 19 and 20 were directed to stories for a NewsSlide edition. Incontrast, FIGS. 30-31 are directed to breaking news stories. It will berecalled that breaking news stories do not appear in the NewsSlideeditions, but rather are published only to the share site, and areavailable via a separate button in the apps 310-320. Thus, because thebreaking news story will not appear with other stories within theeditions of the apps 310-320, there are fewer content options in a topbar 3010 of FIGS. 30-31 . Otherwise, the breaking news copy and imagepages of FIGS. 30-31 are similar to the NewsSlide story copy and imagepages of FIGS. 19-20 , with original copy and images shown on the leftside of the page, and current/modified copy and images shown on theright side of the page.

Once the content (copy and images) for a breaking news story areselected, the story layout must be defined before the breaking newsstory can be published. Because breaking news is only published to theshare site, only a share site layout must be defined. The share sitelayout feature for a breaking news story is essentially the same as theshare site layout feature for a NewsSlide story, which was shown on FIG.24 (hero image format, social image format, and social data definition).

FIG. 32 is an illustration 3200 of web pages in Story Creator forpublishing a Breaking News story in the NewsSlide architecture,including an overlay for a final confirmation of the publish action. Atthe top is a page 3210 which provides summary information for thebreaking news story, and validation check data, in a manner describedpreviously for stories and editions. When it is determined that thebreaking news story has been properly prepared and validated, the editorclicks a Publish button (not visible—hidden by pop-up) and a pop-updialog 3220 appears to confirm the decision to publish the breaking newsstory. As shown, the pop-up dialog includes the option to send or notsend push notifications about the breaking news story.

When the Publish button on the pop-up dialog 3220 is clicked, StoryCreator begins publishing the breaking news story, and a page 3230 iscreated in which progress statistics are displayed. Because the breakingnews story is just a single story, and there are not tablet and mobileapp versions, the publication of a breaking news story is less involvedand less time consuming than the publication of an edition as discussedearlier.

The publication of a breaking news story includes publishing the storyto the share site, updating the apps 310-320 to include the latestbreaking news story in the breaking news page (separate from the dailyeditions), and optionally sending push notifications to messagingservices for user notification in the apps.

FIG. 33 is an illustration 3300 of a web page in Story Creator forviewing items in a Content Management System, specifically ads, to usein NewsSlide. The Content Management System 340 (FIG. 3 ) has beenmentioned many times in preceding discussion as being the source of ads,stories, photos, videos and other content to be incorporated intoNewsSlide stories and editions. In FIG. 4 , the content library wasshown as the box 450, which the page of FIG. 33 represents. In a leftside bar 3310, all of the types of content in the Content ManagementSystem are listed. In the case of FIG. 33 , Ads has been selected, so amain window 3320 displays thumbnails of available ads.

A filter bar 3330 allows filtering of ads by various types—such as fullpage, half page or fractional page, responsive (interactive) or not, andmobile vs. tablet. It is noteworthy that ads may be prepared for themobile phone app, the tablet app, or both, as some ads may have a formator content that is more suitable for one delivery platform or the other.The filters in the filter bar 3330 are helpful in narrowing down thenumber of displayed ads, because without filtering there may be manypages of ads, as indicated at 3340.

The main window 3320 then displays a list or grid of the ads meeting thefilter criteria. Each ad in the grid includes a thumbnail image andbasic data such as size (full/half/fractional page) and type (image is astatic image; HTML5 is rich or interactive content). When the user'smouse is hovered over an ad item, actions appear as indicated at ad3350, where the actions include renaming, editing, deleting anddownloading (using) the ad. An upload ad box 3360 is always available inthe first spot of the grid for uploading a file (image, HTML5, etc.) tocreate a new ad.

Similar features are available for viewing other types of content in theContent Management System (stories, photos, etc.), where the filters andthe thumbnails are configured as appropriate for each type of content.

FIG. 34 is an illustration 3400 of a web page in Story Creator forviewing performance data for an ad campaign for the published NewsSlideeditions in which the ad appears. The performance summary page of StoryCreator was shown previously in the box 460 of FIG. 4 , and is availableby clicking on the box 1250 of FIG. 12 .

A main performance window 3410 lists ad campaigns which have been soldby the newspaper publisher and published in NewsSlide. When one of thesead campaigns is clicked on, a pop-up dialog 3420 appears, in whichperformance data is tabulated for each daily NewsSlide edition in whichthe ad appeared. The table includes, for each daily edition, an entryfor each section (Sports, Business, etc.) in which the ad appeared, andthe sequential position of the ad in the section. For each sectionentry, the slug/name, type of ad, number of views, average view durationand click-through rate are listed. The performance summary page of FIG.34 provides powerful data for the newspaper publisher to show theadvertiser, demonstrating the actual ad penetration with readers, andleading to more ad sales in the future. The performance summaryinformation is also valuable to the advertiser, as it indicates which adcontents, format and sectional placement are most effective withreaders.

The preceding discussion of FIGS. 12-34 has provided a detaileddescription of the Story Creator module of the NewsSlide architectureand its interaction with the apps 310-320 and the other elements of theNewsSlide publishing architecture. Attention will now be turned to thelook and feel of the apps 310-320 themselves.

It should first be explained that the apps 310-320 are designed formobile devices (phones and tablets) which have touch-screen displays.Thus, in the manner known in the art, each type of page which isdisplayed in the apps (home page, story page, etc.) can have a differentformat and include different combinations of icons and buttons. Further,the term “button” is understood to describe a “soft” button (in icon ona touch screen), not a physical or mechanical button on the mobiledevice.

FIG. 35 is an illustration 3500 of a screen shot from a tablet devicedisplaying a NewsSlide story, as would result from tapping on theheadline story 122-124 of the launch page displayed in FIG. 1 . Recallthat the tablet app launch page of FIG. 1 included the headline story,other top news stories in a grid below, and the section bars 110 to theright. In FIG. 35 , once the headline story has been selected, thatstory alone is expanded to occupy virtually the entire display—includinga cover image 3510 (which may be different than the image used on thelaunch page), and a copy column 3520. The user may read the entire storyby scrolling upward on the copy column 3520. Alternately, if the copycolumn 3520 is clicked/tapped on, the entire screen will display thestory text.

This particular story about downtown parking is a multi-story includingat least one other component besides the modular story itself. A relatedcomponent is a video, which is displayed in thumbnail form in insetwindow 3530. If the user clicks on the inset window 3530, the video willplay, either in the small inset window 3530 or in full screen mode, atthe user's preference.

FIG. 35 illustrates the basic look and feel of any story viewed on thetable app 310. Other icons and buttons used in the NewsSlide appsinclude a reading list button 3540 which displays saved stories for theparticular user, if any. A share button 3542 allows a user to share astory on social media or via a messaging service. A home button 3544displays the NewsSlide home or launch page as in FIG. 1 . A sectiondisplay button 3546 re-activates display of the section bars 110 shownon FIG. 1 . A left menu button 3548 turns on the display of a left-sidemenu bar, discussed below.

FIG. 36 is an illustration 3600 of a screen shot from a tablet devicedisplaying an expanded NewsSlide section, as would result from tappingon the Sports section bar of the launch page displayed in FIG. 1 . Inthe tablet app 310, clicking/tapping on one of the section bars 110causes that section to expand. In the case of FIG. 36 , the user hastapped on a sports section bar 3610, resulting in a display of a column3620 of sports stories. The user can tap or click on any story to expandthat story to the entire display, in the manner shown in FIG. 35 .Alternately, the user can scroll upward on the column 3620 of sportsstories, viewing the thumbnail or cover image for each and reading themas interest dictates. As indicated by the number at the bottom of thesports section bar 3610, there are 11 stories in the sports section ofthe currently viewed edition of NewsSlide.

If the user clicks on another section bar, such as Business, thatsection will be expanded to display a vertical column of stories, andthe Sports section will be collapsed. Note that the top news storiesfrom FIG. 1 are still visible at 3630, although they are grayed outwhile one of the sections is expanded.

A left-side menu bar 3640 is visible in FIG. 36 . This is the left-sidemenu bar which is turned on by clicking on the left menu button 3548 ofFIG. 35 . Included in the left-side menu bar 3640 is a Breaking Newsbutton 3642 which takes the user to a list or grid of latest newsstories published independent of the daily editions, as discussedpreviously. A resume reading button 3644 takes the user back to whateverstory was being read prior to the user going to the NewsSlide Home page.The reading list button, discussed previously, is also available in theleft-side menu bar 3640, along with the typical settings and helpbuttons.

As mentioned previously, the table app 310 and the mobile (phone) app320 behave differently in several ways, where the display behaviors aredesigned to optimize the user interaction with NewsSlide on eitherdevice. FIGS. 37-40 are directed to the look and feel of the mobile app320.

FIG. 37 is an illustration 3700 of a screen shot from a smart phone(mobile) device displaying a NewsSlide launch page, similar to thatshown in FIG. 2 . The mobile app 320 includes section bars 3710 similarto those of the tablet app 310, however the section bars 3710 of themobile app 320 run horizontally along the bottom of the screen ratherthan vertically along the right side of the screen. A left-side menu bar3720 is also displayed on the NewsSlide mobile launch page.

The section bars 3710 of the mobile app 320 also behave differently thanthose of the tablet app 310. Because of the limited screen real estateon a mobile phone, it is not feasible to expand a section and displaythumbnails of all of the stories therein. Rather, when a user clicks onone of the section bars 3710, the NewsSlide mobile app takes the userdirectly to the first story in that section.

FIG. 38 is an illustration 3800 of a screen shot from a mobile devicedisplaying a first story in a NewsSlide section, as would result fromtapping on the Sports section bar of the launch page displayed in FIG.37 . Recall that every story has an ordered position in its section.Thus, when the sports section is entered by clicking on the Sportssection bar, the NewsSlide mobile app jumps to the first story in thesports section. This first story includes a cover image 3810, whichhappens to be a video, and a headline section 3820. The section (Sports)to which the story belongs is displayed in a small block 3830 at thetop, and a button 3840 is available to return to display of all sectionbars.

If the user wants to move on to the next story in the sports section,this can be done by swiping to the left. This would take the user to thesecond position in the sports section, which might be a story about alocal college sports team. Swiping left again would take the user to thethird position in the sports section, which might be an ad instead of astory. If the user continues to swipe left past the last position in thesports section, then the first position in the next section (Explore)will be displayed.

FIG. 39 is an illustration 3900 of a screen shot from a mobile devicedisplaying a user's interaction with the NewsSlide story of FIG. 38 .The scenario in FIG. 39 is that the user wishes to read the storydisplayed in FIG. 38 . To do so, the user pulls/drags upward on theheadline section 3820, which causes a copy window 3910 to overwrite theheadline section 3820 and the cover image 3810, from the bottom up. Ifthe user pulls the copy window 3910 more than about halfway up thescreen and lets go, the copy window 3910 will snap to full screen. Ifthe user pulls the copy window 3910 less than about halfway up thescreen and lets go, the copy window 3910 will snap back to the bottomand the display will revert to what was shown in FIG. 38 .

FIG. 40 is an illustration 4000 of a screen shot from a mobile devicedisplaying the NewsSlide story of FIG. 38 after the interaction of FIG.39 , where the story text now fills the entire screen. In other words,the user dragged the copy window 3910 over halfway up the screen and letgo, causing the copy window 3910 to display on nearly the full screen.In this mode, a section banner 4010 is displayed at the top. The entirestory can be perused by scrolling upward on the text in the copy window3910. The story will include all of the text, of course, and may alsoinclude additional pictures and/or videos. A button 4020 can be used togo back to the launch page and resume display of all section bars.

FIG. 41 is a flowchart diagram 4100 of a process for publishing anelectronic newspaper for viewing in mobile device applications,according to embodiments of the present disclosure. At box 4102, anedition of the newspaper is created in Story Creator. Creating theedition includes defining which sections will be included in theedition, and the number of stories and ads to be contained in eachsection. At box 4104, stories are prepared for the edition. Preparingstories includes importing story content (words, pictures, etc.) fromthe Content Management System and formatting the story for mobile,tablet and/or share site publication. At box 4106, ads are prepared forthe edition. Preparing ads includes importing story content (images,rich content, etc.) from the Content Management System and formattingthe ad for the mobile and/or tablet app.

At box 4108, other content is incorporated into the edition. Othercontent includes content from third-party sources, such as obituaries,classified ads, traffic and weather information. This other content canbe viewed in the apps via specific user interactions (such as aright-swipe from the home page in the tablet app), menu selectionsand/or dedicated buttons. At box 4110, the edition is finalized.Finalization of the edition includes manual review of story and adcontent and flow, and the automated error checks discussed previously.At box 4112, the edition is published. Publishing the edition includesproducing the specially-formatted versions of the edition for the mobileand tablet apps and pushing the edition to the apps on the user devices,along with posting stories on the share site and sending pushnotifications. At box 4114, users view the edition in the app on theirmobile device. Viewing the edition includes paging through the sections,reading stories, viewing ads and clicking into the ads, interacting withfeatures in the stories and ads, etc. Finally, at box 4116, post-publishactivities are performed, including publishing breaking news stories andupdating published stories, along with reviewing the performance ofstories and ads in the published edition.

As will be well understood by those skilled in the art, the several andvarious steps and processes discussed herein to describe the inventionmay be referring to operations performed by a computer, a processor orother electronic calculating device that manipulates and/or transformsdata using electrical phenomenon. Those computers and electronicdevices, including at least the server used for creating the electronicnewspaper editions and the mobile devices used for viewing theelectronic newspaper, may employ various volatile and/or non-volatilememories including non-transitory computer-readable medium with anexecutable program stored thereon including various code or executableinstructions able to be performed by the computer or processor, wherethe memory and/or computer-readable medium may include all forms andtypes of memory and other computer-readable media.

The architecture, systems and methods disclosed above enable efficientpreparation and publication of the digital, interactive newspaperNewsSlide to the compatible mobile apps. The mobile apps provide dailyeditions of the newspaper to users in a package which includes theconvenience and the powerful features of a mobile device.

The foregoing discussion describes merely exemplary embodiments of thedisclosed methods and systems. One skilled in the art will readilyrecognize from such discussion and from the accompanying drawings andclaims that various changes, modifications and variations can be madetherein without departing from the spirit and scope of the disclosedtechniques as defined in the following claims.

What is claimed is:
 1. A method of publishing and delivering anelectronic newspaper, the method comprising the steps of: providing asuite of mobile applications running on mobile devices of users, themobile devices having a processor and a non-transitory computer readablemedia, where the mobile applications are configured on the media of thedevices to receive a periodic edition of an electronic newspaperpublication and enable a user to view and interact with the publicationon the mobile device; and running an electronic newspaper publishingenvironment on a server computer having a processor and a non-transitorycomputer readable media, the publishing environment comprising softwaremodules configured on the media of the server including; a contentmanagement system, where the content management system is a databasecontaining content files which are also used for printing thepublication, and where the content files include stories, images andadvertisements; a story creator module configured with featuresincluding importing content from the content management system, editingand formatting stories and advertisements for publishing, creating anedition of the publication including defining a plurality of sections toinclude in the edition and assigning stories and advertisements to thesections, arranging the stories and advertisements into sequentialpositions in the sections, where each story is represented by athumbnail, finalizing the edition and publishing the edition; whereinfinalizing the edition includes verifying that each section includes aproper pre-defined number of stories, performing an automated errorcheck, verifying that the stories include a diversity of formattemplates, checking a flow of stories and advertisements in eachsection, and verifying that all advertisements designated for theedition have been included; a news service module configured forreceiving the edition of the publication from the story creator moduleand autonomously compiling and formatting the edition for delivery toeach of the mobile applications in the suite of mobile applications,wherein the news service module also publishes the plurality of storiesto a share site, where the share site is an Internet-accessible websitefrom which the stories are downloadable to a browser application or asocial media application running on computer or a mobile device; andwherein the story creator module is further configured for preparing andpublishing a breaking news story independent of the edition, where thebreaking news story is published to the share site and embedded as alink within the mobile applications.
 2. The method according to claim 1wherein editing and formatting advertisements for publishing includesdefining one or more of the advertisements as a fractional-pageadvertisement and assigning the fractional-page advertisement to share apage and a sequential position with a fractional-page story, where thefractional-page advertisement and the fractional-page story togetheroccupy a full page.
 3. The method according to claim 1 furthercomprising communication links to other content sources from the storycreator module, where the links enable incorporation of other contentinto the edition before publishing, where the other content includes oneor more of obituaries, classified ads, weather information and trafficinformation.
 4. The method according to claim 1 wherein the suite ofmobile applications include a mobile phone application and a tabletapplication, and the mobile phone application and the tablet applicationare each available in a version configured for an Apple iOS operatingsystem and a version configured for a Google Android operating system,wherein the mobile phone application is configured to display thepublication in portrait orientation and the tablet application isconfigured to display the publication in landscape orientation, wherepreparing the plurality of stories and the plurality of advertisementsincludes formatting the stories and the advertisements in portraitorientation for the mobile phone application and in landscapeorientation for the tablet application, wherein viewing the edition ofthe publication includes, for the tablet application, tapping on asection bar for one of the sections to expand the section and scrollingthrough the thumbnails for the stories in the section, tapping on one ofthe stories in the section to view the story in full, includingscrolling up to read the story and tapping on and viewing photos andvideos embedded in the story, swiping left or right to view otherstories in the section, encountering advertisements in their sequentialpositions in the section when swiping left or right, and tapping on andviewing the advertisements, and wherein viewing the edition of thepublication includes, for the mobile phone application, tapping on asection bar for one of the sections to view a first story in thesection, including scrolling up to read the story and tapping on andviewing photos and videos embedded in the story, swiping left or rightto view other stories in the section, encountering advertisements intheir sequential positions in the section when swiping left or right,and tapping on and viewing the advertisements.
 5. The method accordingto claim 1 wherein editing and formatting stories for publishingincludes defining each story as a basic story, a multi-part modularstory, a photo gallery, a video gallery or a user-interactive feature.